<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./jquery.min.js"></script>
    <style>
      /* n 从 0 开始递增  0 1 2 3 4 5 6 7 ...  ==> 计算出来的结果：-1 0 1 2 3 4 5 6 .. */
      /* 
      n    计算出来的结果(-n + 1)
      0     1
      1     0
      2     -1
      ...   ... // 之后的结果都是无效的结果了（小于等于0的结果都是无效）
      */

      /*
      n   结果（2n-1）
      0     -1（无效就忽略）
      1     1
      2     3
      3     5
      4     7
      ...   ...
      */
      ul > li:nth-child(even) {
        background-color: hotpink;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      <li>7</li>
      <li>8</li>
      <li>9</li>
      <li>10</li>
    </ul>
  </body>
</html>
